<template>
	<view class="header">
    		<view class="uni-container">
    			<uni-table ref="table" :loading="loading" border stripe emptyText="暂无更多数据">
    				<uni-tr>
    					<uni-th width="150" align="center">课程名</uni-th>
    					<uni-th width="100" align="center">出勤率</uni-th>
    					<uni-th width="100" align="center">中途离开数</uni-th>
    				</uni-tr>
    				<uni-tr v-for="(item, index) in tableData" :key="index">
    					<uni-td>{{ item.date }}</uni-td>
    					<uni-td>{{ item.date }}</uni-td>
    					<uni-td>
    						<view class="name">{{ item.name }}</view>
    					</uni-td>
    				</uni-tr>
    			</uni-table>
    			<view class="uni-pagination-box"><uni-pagination show-icon :page-size="pageSize" :current="pageCurrent" :total="total" @change="change" /></view>
    		</view>
	</view>
</template>

<script>

export default {
	data() {
		return {
			searchVal: '',
			tableData: [],
			// 每页数据量
			pageSize: 10,
			// 当前页
			pageCurrent: 1,
			// 数据总量
			total: 0,
			loading: false
		}
	},
	onLoad() {

	},
	onShow() {

	},
	methods: {

	},
}
</script>

<style>

</style>